.rarity_unique_gradient_text {
  background: linear-gradient(90deg, #ffae00, #7b00ff, #ffae00 );
  background-clip: text; 
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-size: 200% 100%;
  animation: wave 10s linear infinite;
}

.rarity_unique_gradient_bg {
  border-radius: 7px;
  padding-left: 3px;
  padding-right: 3px;
  background: linear-gradient(90deg, #ffae002a, #7b00ff2a, #ffae002a );
  background-size: 200% 100%;
  animation: wave 10s linear infinite;
}

.rarity_rare_gradient_text {
  background-image: linear-gradient(90deg, #00FFD9, #E100FF, #00FFD9 );
  background-clip: text; 
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-size: 200% 100%;
  animation: wave 10s linear infinite;
}

.rarity_rare_gradient_bg {
  border-radius: 7px;
  padding-left: 3px;
  padding-right: 3px;
  background-image: linear-gradient(90deg, #00FFD92a, #E100FF2a, #00FFD92a );
  background-size: 200% 100%;
  animation: wave 10s linear infinite;
}

.no_gradient_text {
  background: #ffffff;
  background-clip: text; 
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.no_gradient_bg {
  border-radius: 7px;
  padding-left: 3px;
  padding-right: 3px;
  background: #ffffff2a;
}

.tlotd_gradient_text {
  background: linear-gradient(90deg, #ffae00, #7b00ff, #ffae00 );
  background-clip: text; 
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-size: 200% 100%;
  animation: wave 10s linear infinite;
}

.tlotd_gradient_bg {
  border-radius: 7px;
  padding-left: 3px;
  padding-right: 3px;
  background: linear-gradient(90deg, #ffae002a, #7b00ff2a, #ffae002a );
  background-size: 200% 100%;
  animation: wave 10s linear infinite;
}

.isla_nublar_gradient_text {
  background-image: linear-gradient(90deg, #00FFD9, #E100FF, #00FFD9 );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-size: 200% 100%;
  animation: wave 10s linear infinite;
}

.isla_nublar_gradient_bg {
  border-radius: 7px;
  padding-left: 3px;
  padding-right: 3px;
  background-image: linear-gradient(90deg, #00FFD92a, #E100FF2a, #00FFD92a );
  background-size: 200% 100%;
  animation: wave 10s linear infinite;
}

.glamin_gradient_text {
  background-image: linear-gradient(90deg, #ff0000, #ffe100, #ff0000 );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-size: 200% 100%;
  animation: wave 10s linear infinite;
}

.glamin_gradient_bg {
  border-radius: 7px;
  padding-left: 3px;
  padding-right: 3px;
  background-image: linear-gradient(90deg, #ff00002a, #ffe1002a, #ff00002a );
  background-size: 200% 100%;
  animation: wave 10s linear infinite;
}

.daddy_gradient_text {
  background-image: linear-gradient(90deg, #0040ff, #7b00ff, #0040ff );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-size: 200% 100%;
  animation: wave 10s linear infinite;
}

.daddy_gradient_bg {
  border-radius: 7px;
  padding-left: 3px;
  padding-right: 3px;
  background-image: linear-gradient(90deg, #0040ff2a, #7b00ff2a, #0040ff2a );
  background-size: 200% 100%;
  animation: wave 10s linear infinite;
}



.tlotd_collaboration_gradient_text {
  background: linear-gradient(90deg, #ffae00, #7b00ff );
  background-clip: text; 
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.tlotd_collaboration_gradient_bg {
  border-radius: 7px 0 0 7px;
  padding-left: 3px;
  background: linear-gradient(90deg, #ffae002a, #7b00ff2a );
}

.collaboration_cross_gradient_text {
  background: linear-gradient(90deg, #7b00ff, #ffffff, #0bd200);
  background-clip: text; 
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.collaboration_cross_gradient_bg {
  background: linear-gradient(90deg, #7b00ff2a, #00000000, #0bd2002a);
}

.collaboration_gradient_text {
  background: #0bd200;
  background-clip: text; 
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.collaboration_gradient_bg {
  border-radius: 0 7px 7px 0;
  padding-right: 3px;
  background: #0bd2002a;
}

@keyframes wave {
  0% { background-position: 200% 0; }
  100% { background-position: -200% 0; }
}